<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		/*通用选择器 *代表页面中的所有的元素*/
		*{
			
			color: red;
		}
		/*元素选择器*/
		div{
			width: 200px;
			height: 300px;
			/*background-color: blue;*/
			border: 1px solid red;
		}
		li{
			color: yellow;
		}
		/*id选择器，#id的名称，id名称保证唯一
		 ID的命名：数字、字母、下划线、中划线组成，不能用数字开头*/
		#div2{
			background-color: grey;
		}
		/*类选择器*/
		.p6{
			color: blue;
			font-size: 30px;
		}
		</style>
	</head>
	<body>
		<!--选择器的优先级
			ID选择器>类选择器>元素选择器>通用选择器
		权重	100    10     1       0
		-->
		<div>1</div>
		<div id="div2">2</div>
		<div>3</div>
		<p class="p6">666</p>
		<p class="p6">888</p>
		<ul>
			<li>世界</li>
			<li>你好</li>
			<li>加油</li>
		</ul>
	</body>
</html>
